<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="author" content="lcy">
    <script src="jquery-3.1.1.js"></script>
    <title></title>
    <style>
        body{
            margin: 0;
            background-image: url(img/2221.jpg);
            overflow: hidden;
        }
        ul,li{
            margin: 0;
            padding:0;
            list-style: none;
        }
        ul{
            float: left;
            margin-top: 20px;
        }
        .content{
            background-color: rgba(0, 0, 0, 0.3);
            height: 950px;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        li{
            width: 300px;
            height: 80px;
            line-height: 80px;
            text-align: center;
            background-color: #a99e7b;
            border-radius: 15px;
            margin: 0 10px 10px 10px;
            /*float: left;*/
        }
        li a{
            color: chocolate;
            font-size: 24px;
            text-decoration: none;
        }
        li:hover{
            background-color: #7e5a44;
            color: white;
        }
    </style>
</head>
<body>
    <div class="content">
        <ul>
            <li><a href="项目/lichunyan/index.html" target="blank">千图网</a></li>
            <li><a href="项目/作业/01 - 订单/订单.html" target="blank">订单</a></li>
            <li><a href="项目/作业/02 - 选项卡/选项卡.html" target="blank">选项卡</a></li>
            <li><a href="项目/作业/03 - 下拉菜单/下拉菜单.html" target="blank">下拉菜单</a></li>
            <li><a href="项目/作业/04 - 模拟select/模拟select.html" target="blank">检测用户输入字数（微博）</a></li>
            <li><a href="项目/01 - 图片切换/图片切换.html" target="blank">图片切换</a></li>
            <li><a href="项目/02 - 图片翻转切换/图片翻转效果.html" target="blank">图片翻转效果</a></li>
            <li><a href="项目/03 - 置顶效果/置顶效果.html" target="blank">置顶效果</a></li>
            <li><a href="项目/04 - 检测用户输入字数（微博）/检测用户输入数字.html" target="blank">检测用户输入数字</a></li>
            <li><a href="项目/02-21/01-拖动上传图片.html" target="blank">拖动上传图片</a></li>
        </ul>
        <ul>
            <li><a href="项目/02-21/02-弹窗效果.html" target="blank">弹窗效果</a></li>
            <li><a href="项目/02-21/商品筛选.html" target="blank">商品筛选</a></li>
            <li><a href="项目/02-21/01-检测用户输入字数.html" target="blank">检测用户输入字数</a></li>
            <li><a href="项目/轮播图-测试/李春燕.html" target="blank">轮播图-测试</a></li>
            <li><a href="项目/原型链练习.html" target="blank">原型链练习</a></li>
            <li><a href="项目/小米商城PC版/index.html" target="blank">小米商城PC版</a></li>
            <li><a href="项目/02 - 图片翻转切换/图片翻转效果.html" target="blank"></a></li>
            <li><a href="项目/03 - 置顶效果/置顶效果.html" target="blank"></a></li>
            <li><a href="项目/04 - 检测用户输入字数（微博）/检测用户输入数字.html" target="blank"></a></li>
            <li><a href="项目/轮播图-测试/李春燕.html" target="blank"></a></li>
        </ul>
    </div>
</body>
</html>
<script>
</script>